<template>
	<div>
		<dialog :open="bshow"
		   style="position: absolute;top:10px;"
		   v-bind:style="`height:${hight}px;`">
			<h2>{{title}}</h2>
			<slot></slot>
			<button @click="dook()">确认</button>
		</dialog>
	</div>
</template>

<script setup>
</script>

<script>
	export default {   // 将来 import
	props : {  //props  proertises 属性
		title: {type: String, default: '标题'},
		hight : {type: Number, default: 100}
	},
		name: 'MyDialog',
		data() {
			return {
			  bshow : true,
			  // 相当于在这里 定义一个只读 title
			  // 相当于在这里 定义一个只读  hight
		}},
		methods: {
			dook() {
				//alert("儿子："  + this.title)
				//this.bshow = false;
				//发出通知 , 通知事件名称
				this.$emit("click", 
				             100,
							 "儿子："  + this.title )
			}
		},
		mounted() {   //回调函数， 钩子函数
			
		}
	}
</script>
<style>
</style>